<template>
  <el-rate :value="value" :colors="colors" v-bind="$attrs" @change="change" v-on="$listeners" />
</template>

<script>
export default {
  name: 'MyRate',
  model: {
    prop: 'value',
    event: 'change'
  },
  props: {
    value: { type: Number, default: 0 },
    colors: { type: [Array, Object], default: () => { return ['#F7BA2A', '#F7BA2A', '#F7BA2A'] } }
  },
  methods: {
    change(val) {
      this.$emit('change', val)
    }
  }
}
</script>

<style>

</style>
